﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>rssSettingsPage</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <link href="rssSettingsPage.css" rel="stylesheet" />
    <script src="rssSettingsPage.js"></script>
</head>
<body>
    <div class="rssSettingsPage fragment">
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">RSS settings page</span>
            </h1>
        </header>
        <section aria-label="Main content" role="main">
            <div id="wrapper">
                <form id="the-form">
                    <fieldset>
                        <legend>RSS Group info</legend>
                        <label for="group-title">Group title</label><input type="text" id="group-title" />
                        <br />
                        <label for="group-subtitle">Group subtitle</label><input type="text" id="group-subtitle" />
                        <br />
                        <label for="group-description">Group description</label><input type="text" id="group-description" />
                        <br />
                        <label for="group-url">Group RSS url</label><input type="text" id="group-url" />
                        <br />
                        <label for="group-image-url">Group image url</label><input type="text" id="group-image-url" />
                    </fieldset>
                    <fieldset>
                        <legend>Group items info</legend>
                        <label for="item-tagName">Item Tag name</label><input type="text" id="item-tagName" />
                        <fieldset>
                            <legend>Title</legend>
                            <label for="item-title-prefix">Title prefix text</label><input type="text" id="item-title-prefix" />
                            <br />
                            <label for="item-title-tagName">Title tagName</label><input type="text" id="item-title-tagName" />
                            <br />
                            <label for="item-title-attributeName">Title attributeName</label><input type="text" id="item-title-attributeName" />
                        </fieldset>
                        <fieldset>
                            <legend>Subtitle</legend>
                            <label for="item-subtitle-prefix">Subtitle prefix text</label><input type="text" id="item-subtitle-prefix" />
                            <br />
                            <label for="item-subtitle-tagName">Subtitle tagName</label><input type="text" id="item-subtitle-tagName" />
                            <br />
                            <label for="item-subtitle-attributeName">Subtitle attributeName</label><input type="text" id="item-subtitle-attributeName" />
                        </fieldset>
                        <fieldset>
                            <legend>Description</legend>
                            <label for="item-description-prefix">Description prefix text</label><input type="text" id="item-description-prefix" />
                            <br />
                            <label for="item-description-tagName">Description tagName</label><input type="text" id="item-description-tagName" />
                            <br />
                            <label for="item-description-attributeName">Description attributeName</label><input type="text" id="item-description-attributeName" />
                        </fieldset>
                        <fieldset>
                            <legend>Content</legend>
                            <label for="item-content-prefix">Content prefix text</label><input type="text" id="item-content-prefix" />
                            <br />
                            <label for="item-content-tagName">Content tagName</label><input type="text" id="item-content-tagName" />
                            <br />
                            <label for="item-content-attributeName">Content attributeName</label><input type="text" id="item-content-attributeName" />
                        </fieldset>
                        <fieldset>
                            <legend>More info url</legend>
                            <label for="item-moreInfo-tagName">Url tagName</label><input type="text" id="item-moreInfo-tagName" />
                            <br />
                            <label for="item-moreInfo-attributeName">Url attributeName</label><input type="text" id="item-moreInfo-attributeName" />
                        </fieldset>
                        <fieldset>
                            <legend>Image source url</legend>
                            <label for="item-image-tagName">Url tagName</label><input type="text" id="item-image-tagName" />
                            <br />
                            <label for="item-image-attributeName">Url attributeName</label><input type="text" id="item-image-attributeName" />
                        </fieldset>
                    </fieldset>
                </form>
            </div>

            <button id="saveAndGo" class="block">Save changes and Go!</button>
            <button id="saveToFile" class="block">Save settings to file</button>
            <button id="loadFromFile" class="block">Load settings from file</button>
        </section>
    </div>
</body>
</html>
